<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<select id="tiaoShu">
		<option value="10">每页显示10条记录</option>
		<option value="20">每页显示20条记录</option>
		<option value="30">每页显示30条记录</option>
		<option value="40">每页显示40条记录</option>
		<option value="50">每页显示50条记录</option>
	</select>
	
	<script>
		tiaoShu.onchange = function(){
			console.log('选项改变了',  tiaoShu.value)
			//1
			//2
			//3
			//4
		}
	</script>
</body>
</html>